/*
 * Copyright 2004-2012 ICEsoft Technologies Canada Corp.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the
 * License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an "AS
 * IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
 * express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

.auctionMonitorContainer {
    background-color: #FFFFFF;
    border: 1px solid #A6A6A6;
    padding: 3px;
    margin: 15px;
    margin-bottom:5px;
    margin-top: 45px;
    position: relative;
}

.headerFontStyle
{
    font-weight: bolder;
    font-family: Verdana, sans-serif;
}

.animationHolderParent
{
    width: 130px;
    font-weight: bolder;
}

.animationHolder
{
    letter-spacing: 1px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.conditionTxt{
    font-size:smaller;
    color: #808080;
    margin-left:15px;
}

.auctionMontiorTable {
    width: 100%;
    padding: 1px;
}

.auctionMontiorTable thead th, .auctionMontiorTable tbody td {
    padding: 4px;
}

.auctionMontiorTable thead {
    background-color: #A6A6A6;
    color: white;
}

.auctionMontiorTable thead tr th a, .auctionMontiorTable thead tr th a:visited {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

.auctionMontiorTable thead th.sorted_true {
    background-color: #717171;
}

.auctionMontiorTable tbody tr.odd td {
    background-color: #EEEEEE;
}

.auctionMontiorTable tbody tr.expanded td {
    background-color: #DDEEFF;
}

.auctionMontiorTable tbody tr.description td {
    border-bottom: 1px solid white;
}

.centeredPanelGrid
{
    text-align: center;  
    margin-left: auto;
    margin-right: auto;
}

.centeredPanelGridWithLeftJustifiedText
{
    text-align: left;  
    margin-left: auto;
    margin-right: auto;
}

.centeredPanelGridWithBorderSpacing
{
    text-align: center;  
    margin-left: auto;
    margin-right: auto;
    border-spacing: 10px;
}

.centeredPanelWithBorderSpacingAndLeftJustifiedText
{
    text-align: left;  
    margin-left: auto;
    margin-right: auto;
    border-spacing: 10px;
}

.menuLogStyle
{
    vertical-align: top;
    width: 70%;
    text-align: left;
}
.menuStyle
{
    width: 27%;
}

.infoMessage
{
    color: #009933;
    font-weight: bold;
}

.infoMessageHidden
{
    display: none;
}

.warningMessage
{
    color:#ffcc00;
    font-weight: bold;
}


.errorMessage
{
    color: #cc0000;
    font-weight: bold;
}

.selectedCheckBox
{
    font-weight: bold;
    color:#009933;
}

.tooltipBoxStyle
{
    text-align: center;
    font-weight: bold;
    height: 50px;
    width: 120px;
}

.tooltipTargetStyle
{
    border-collapse: collapse;
    font-weight: bold;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
}

.tooltipTargetStyle:hover
{
    border-color: #009933;
}

span#examplePanel_menu.ui-icon.ui-icon-gear{
    background: url("#{resource['css/images/infoIcon.png']}") no-repeat;
}

a.ui-panel-titlebar-icon.ui-corner-all.ui-state-default
{
    background-color: transparent;
    border: 0px;
}
/*CSS hack in order to display documentation menu properly and prevent it from showing up every time the page is refreshed (setting style="width:175px;" on ace:menu component located in the templates/content-template.xhtml is causing this problem)*/
div.ui-widget.ui-widget-content.wijmo-wijmenu.ui-corner-all.ui-helper-clearfix
{
    width: 175px;
}

/* prevent hack above to show ace:menuBar in the vertical layout instead of horizontal)*/
div.ui-widget.ui-widget-content.wijmo-wijmenu.ui-corner-all.ui-helper-clearfix.wijmo-wijmenu-horizontal
{
    width: auto;
}

/*BEGINING OF: ace:checkboxButton example styles*/

/*the following style will make sure that a button is displayed properly in FF9. If style is ommited the right border of the check box will be hidden behind check image*/
.ice-checkboxbutton .yui-button button, .ice-checkboxbutton .yui-button a {
      font-size: 93%;
      line-height: 2;
      margin: 0 0.25em;
      min-height: 2em;
      padding: 0 2px;
      width: 20px;
}
/*styles to apply custom images to different states of checkbox button*/
.ice-checkboxbutton .ui-state-hover
{
   background: url("#{resource['css/images/checkGrey.png']}") no-repeat;
    border: 0px;
}

.ice-checkboxbutton .ui-state-default{
    background: url("#{resource['css/images/uncheck.png']}") no-repeat;
    /* hack with borders to display checkbox properly in IE7. If border property is changed to: 0px and border-bottom is ommited the bottom border of the checkbox is never rendered in IE7; */
    border: 0.5px;
    border-bottom: 1.5px;
    border-color: #000000;
}

.ice-checkboxbutton .ui-state-active {
    background: url("#{resource['css/images/check.png']}") no-repeat;
    border: 0px;
}

.ice-checkboxbutton .ui-state-active .ui-icon {
    background: transparent;
}

/*END OF: ace:checkboxButton example styles*/

.ice-linkbutton .yui-button a {
    border: 1px solid transparent;
}

.ice-pushbutton .yui-button button {
    border: 1px solid transparent;
}

.newBid {
    background-color: yellow;
}

.spacerColumn {
    width: 2%
}

.itemColumn {
    width: 40%
}

.priceColumn {
    width: 10%
}

.bidsColumn {
    width: 10%
}

.timeColumn {
    width: 15%
}

.actionColumn {
    width: 15%
}

.colRight {
    text-align: right;
}

.col75 {
    width: 75%;
}

.col50, .col50c {
    width: 50%;
}

.col33 {
    width: 33%;
}

.col25 {
    width: 25%;
}

.col50c {
    text-align: center;
}

.rowLight {
    background-color: #FFFFFF;
}

.rowDark {
    background-color: #CDCDCD;
}

.silkImage {
    width: 16px;
    height: 16px;
    border: 0;
}

.employeeTable {
    width: 50%;
    border: 1px solid black;
    background-color: white;
}

.employeeTable th {
    text-align: center;
    font-weight: bold;
    background-color: black;
    color: white;
    border-bottom: 2px solid #CDCDCD;
}

.tooltipWrap {
    display: inline;
    text-decoration: underline;
    color: blue;
}

.tooltipTable {
    width: 100%;
    border: 1px solid black;
}

.tooltipTable th {
    text-align: center;
    font-weight: bold;
    background-color: black;
    color: white;
    border-bottom: 2px solid #CDCDCD;
}

.dateHighlightGray, .dateHighlightGray a {
    background-color: #B9B9B9;
    font-weight: bold;
}

.dateHighlightBig, .dateHighlightBig a {
    font-size: 18px;
}

.dateHighlightRed .iceOutTxt {
    border: 2px solid red;
}

.dateHighlightItalic, .dateHighlightItalic a {
    font-style: italic;
    text-align: left;
}

.borderRedNorth, .borderRedEast, .borderRedWest, .borderRedSouth,
.borderRedCenter {
    background-color: #FF0000;
}

.borderTallNorth, .borderTallSouth {
    height: 120px;
}

.borderTallEast, .borderTallWest, .borderTallCenter {
    height: 200px;
}

.borderOutsetNorth, .borderOutsetEast, .borderOutsetWest, .borderOutsetSouth,
.borderOutsetCenter {
    border: 5px outset #11BB11;
}

.borderLeftNorth, .borderLeftEast, .borderLeftWest, .borderLeftSouth,
.borderLeftCenter {
    text-align: left;
}

.borderNoBoldNorth, .borderNoBoldEast, .borderNoBoldWest, .borderNoBoldSouth,
.borderNoBoldCenter {
    font-weight: normal;
}

.positionedElement {
    cursor: move;
    background: url("#{resource['css/images/positioned-bgslice.gif']}") repeat-x scroll left top #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #484848;
    font-weight: normal;
    vertical-align: middle;
    width: 125px;
    height: 22px;
}

.positionedElement .moveLabel {
    background: url("#{resource['css/images/move-arrow.gif']}") no-repeat scroll left center transparent;
    vertical-align: middle;
    height: 22px;
    padding-left: 25px;
}

.progressRedTxt {
    color: white;
    font-weight: bold;
}

.progressRedBg {
    background-color: #880000;
    border: 2px inset black;
}

.progressRedFill {
    background-color: red;
    background-image: none;
}

.progressThickTxt {
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    color: #00CC00;
}

.progressThickBg {
    background-color: #444444;
    border: 1px solid black;
    height: 40px;
}

.progressThickFill {
    background-image: none;
    background-color: #FFFFFF;
    height: 40px;
}

.progressPurpleTxt {
    font-size: 14px;
    font-family: monospace;
    color: white;
}

.progressPurpleBg {
    background-color: #673C83;
    border: 2px outset #864BB9;
    height: 25px;
}

.progressPurpleFill {
    background: url("#{resource['css/images/purple-progress-slice.jpg']}") repeat-x scroll left top transparent;
    background-color: #864BB9;
    height: 25px;
}

.dragContainer {
    float: left;
    border: 1px solid black;
    background-color: #666666;
    color: white;
}

.dragContainer span, .dragContainer label {
    color: white;
}

.dropContainer {
    height: 88px;
    vertical-align: middle;
    text-align: center;
    border: 3px inset #000000;
}

.tableIdCol, .tableAccelCol, .tableMpgCol {
    text-align: center;
}

.tableCostCol {
    text-align: right;
}

.tableIdCol {
    width: 8%;
}

.tableNameCol {
    width: 26%;
}

.tableChassisCol {
    width: 21%;
}

.tableWeightCol {
    width: 12%;
}

.tableAccelCol {
    width: 8%;
}

.tableMpgCol {
    width: 8%;
}

.tableCostCol {
    width: 15%;
}

.columnsBlock {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    display: block;
    color: white;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}

.droppableSlot
{
    background: #B9B9B9;
    width: 199px;
    height: 176px;
    display: block;
}

.activatedSlot
{
    background: #0099ff;
}

.slot
{
    background: #F0E68C;
}

.imageStyle
{
  position: relative;  
}
